<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>现在支付</title>
<link type="text/css" rel="stylesheet" href="<%=path %>/star/css/application.css" />
<link href="<%=path %>/css/style.css" rel="stylesheet" type="text/css" />
<style>
.select {
	width: 40px;
	border: solid 1px #a7b5bc;
}
</style>
</head>
<body>
	<div class="place">
		<span>位置：</span>
		<ul class="placeul">
			<li><a href="#">首页</a></li>
			<li><a href="#">现在支付</a></li>
		</ul>
	</div>

	<div class="formbody">

		<div id="usual1" class="usual">
			<ul class="toolbar1">
				<li style="border: none; background: none;"><input name=""
					type="button" class="btn" value="现在支付" /></li>
			</ul>
			<!-- 	<div class="itab">
				<ul>
					<li><a href="#tab1" class="selected">任务信息</a></li>
					<li><a href="#tab2">任务信息</a></li>
				</ul>
			</div> -->
			<div class="formtitle">
				<span>订单信息</span>
			</div>

			<div id="tab1" class="tabson">
				<table style="margin-bottom: 20px; width: 100%;">
					<tr style="height: 50px;">
						<td align="right"><label>ASIN<b>*</b></label>&nbsp;&nbsp;</td>
						<td style="width: 89px;"><input name="" type="text"
							class="dfinput" style="width: 140px;" /></td>
						<td align="right"><label>卖家ID<b>*</b></label></td>
						<td style="width: 114px;"><input name="" type="text"
							class="dfinput" style="width: 114px;" /></td>
						<td align="right"><label>产品价格<b>*</b></label></td>
						<td style="width: 140px;"><input name="" type="text"
							class="dfinput" style="width: 140px;" /></td>
						<td align="right"><label>运费<b>*</b></label></td>
						<td><input name="" type="text" class="dfinput"
							style="width: 140px;" /></td>
					</tr>
					<tr style="height: 50px;">
						<td align="right"><label>主推关键词<b>*</b></label>&nbsp;&nbsp;</td>
						<td colspan="3"><input name="" style="width: 240px;"
							type="text" class="dfinput" />&nbsp;<input name="" type="button"
							class="btn" value="生成链接>>"
							style="background: rgba(179, 183, 186, 0.27); color: #000; width: 100px;" /></td>
						<td align="right"><label>超级链接<b>*</b></label>&nbsp;</td>
						<td colspan="3"><input name="" type="text" class="dfinput" /></td>
					</tr>
					<tr style="height: 50px;">
						<td align="right"><label>产品标题<b>*</b></label>&nbsp;&nbsp;</td>
						<td colspan="3"><input name="" type="text" class="dfinput" /></td>
						<td align="right"><label>中文品名</label>&nbsp;</td>
						<td colspan="3"><input name="" type="text" class="dfinput" /></td>

					</tr>
				</table>
			</div>
			<div class="formtitle">
				<span>任务排期</span>
			</div>
			<div id="tab2" class="tabson">
				<table class="table table-hover  table-bordered">
					<tr>
						<td
							style="text-align: center; font-size: 14px; font-weight: bold; vertical-align: middle;"
							colspan="2" rowspan="2">任务</td>
						<td colspan="10"
							style="text-align: center; font-size: 14px; font-weight: bold;">日期</td>
						<td rowspan="2"
							style="text-align: center; font-size: 14px; font-weight: bold; vertical-align: middle;">总数量</td>
						<td rowspan="2"
							style="text-align: center; font-size: 14px; font-weight: bold; vertical-align: middle;">单笔手续费<br />

						</td>
						<td colspan="2" rowspan="2"
							style="text-align: center; font-size: 14px; font-weight: bold; vertical-align: middle;">总手续费
						</td>
					</tr>
					<tr>
						<td>5月1日</td>
						<td>5月2日</td>
						<td>5月3日</td>
						<td>5月4日</td>
						<td>5月5日</td>
						<td>5月6日</td>
						<td>5月7日</td>
						<td>5月8日</td>
						<td>5月9日</td>
						<td>5月10日</td>
					</tr>
					<tr>
						<td rowspan="3" style="vertical-align: middle;">订单数量 <span
							style="font-size: 12px; font-weight: normal;"><input
								checked="checked" type="checkbox" />提供跟踪号（加2元）</span>
						</td>
						<td style="vertical-align: middle;">超级链接进入</td>
						<td><input type="text" maxlength="3" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td>1000</td>
						<td>1000</td>
						<td>1000</td>
					</tr>
					<tr>
						<td style="vertical-align: middle;">搜索广告进入</td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td>1000</td>

						<td>1000</td>
						<td>1000</td>

					</tr>
					<tr>
						<td style="vertical-align: middle;">搜索结果进入</td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td><input type="text" maxlength="2" class="tableinput" /></td>
						<td>1000</td>
						<td>1000</td>

						<td>1000</td>
					</tr>
					<tr>
						<td style="vertical-align: middle;">REVIEW数量</td>
						<td></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td>1000</td>
						<td>1000</td>

						<td>1000</td>
					</tr>
					<tr>
						<td style="vertical-align: middle;">FEEDBACK数量</td>
						<td></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td><input type="text" class="tableinput review_num" /></td>
						<td>1000</td>
						<td>1000</td>

						<td>1000</td>
					</tr>
					<tr>

						<td rowspan="2" style="vertical-align: middle;">
							<table style="border: none; width: 100%;">
								<tr>
									<td style="vertical-align: middle; border: none;"><input
										checked="checked" type="checkbox" /></td>
									<td style="vertical-align: middle; border: none;">流量<br />目标转换率<input
										type="number" class="tableinput" value="10"
										style="height: 22px; width: 39px; text-align: center; line-height: 22px; border: solid 1px red;" />%
									</td>
								</tr>
							</table>

						</td>
						<td>按超级链接进入</td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td>1000</td>
						<td>1000</td>

						<td>1000</td>
					</tr>
					<tr>
						<td>按搜索结果进入</td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td><input type="number" maxlength="2" class="tableinput" /></td>
						<td>1000</td>
						<td>1000</td>

						<td>1000</td>
					</tr>
					<tr>
						<td rowspan="2" style="vertical-align: middle;">
							<!-- <input
							checked="checked" type="checkbox" />加入愿望清单<input type="number"
							class="tableinput" value="5"
							style="height: 22px; width: 39px; text-align: center; line-height: 22px; border: solid 1px red;" />%
						 -->

							<table style="border: none; width: 100%;">
								<tr>
									<td style="vertical-align: middle; border: none;"><input
										checked="checked" type="checkbox" /></td>
									<td style="vertical-align: middle; border: none;">加入愿望清单<br />
									<input type="number" class="tableinput" value="5"
										style="height: 22px; width: 39px; text-align: center; line-height: 22px; border: solid 1px red;" />%
									</td>
								</tr>
							</table>



						</td>
						<td>按超级链接进入</td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td>1000</td>
						<td>1000</td>

						<td>1000</td>
					</tr>
					<tr>
						<td>按搜索结果进入</td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td>1000</td>
						<td>1000</td>

						<td>1000</td>
					</tr>
					<tr>
						<td rowspan="2" style="vertical-align: middle;">
							<!-- <input
							checked="checked" type="checkbox" />加入购物车并收藏页面<input
							type="number" class="tableinput" value="5"
							style="height: 22px; width: 39px; text-align: center; line-height: 22px; border: solid 1px red;" />% -->


							<table style="border: none; width: 100%;">
								<tr>
									<td style="vertical-align: middle; border: none;"><input
										checked="checked" type="checkbox" /></td>
									<td style="vertical-align: middle; border: none;">加入购物车并收藏页面<br />
									<input type="number" class="tableinput" value="5"
										style="height: 22px; width: 39px; text-align: center; line-height: 22px; border: solid 1px red;" />%
									</td>
								</tr>
							</table>


						</td>
						<td>按超级链接进入</td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td>1000</td>
						<td>1000</td>

						<td>1000</td>
					</tr>
					<tr>
						<td>按搜索结果进入</td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td><input type="number" class="tableinput" /></td>
						<td>1000</td>
						<td>1000</td>

						<td>1000</td>
					</tr>
					<tr style="height: 50px; line-height: 50px;">
						<td>订单金额：</td>
						<td colspan="15"
							style="font-size: 20px; font-weight: blod; text-align: left; padding-left: 10px;">产品代付金额：123123&nbsp;&nbsp;&nbsp;&nbsp;手续费：232&nbsp;&nbsp;&nbsp;&nbsp;总支付金额：<span
							style="font-size: 20px; color: red;">2342342</span></td>

					</tr>

				</table>
			</div>
			<div class="xline" style="margin-bottom: 18px;"></div>
			<label>&nbsp;</label><input name="" type="button" class="btn"
				value="保存" /> <input name="" type="button" class="btn" value="现在支付" />

			<div class="tip" style="display: none; height: 500px;">
				<div class="tiptop">
					<span>REVIEW数量</span><a class="cancel"></a>
				</div>
				<div class="tipinfo">
					<ul class="forminfo">
						<li><label>REVIEW数量<b>*</b></label><input name="" type="text"
							class="dfinput" maxlength="2" /></li>
						<li><label>REVIEW星级<b>*</b></label>
							<div class="star"></div></li>

						<li><label>REVIEW标题</label><input name="" type="text"
							class="dfinput" /></li>
						<li><label>REVIEW内容<b>*</b></label> <textarea class="dfinput"
								style="height: 70px;"></textarea></li>
					</ul>
				</div>
				<div class="tipbtn" style="margin-top: 250px;">
					<input name="" type="button" class="sure" value="保存" />&nbsp; <input
						name="" type="button" class="cancel" value="取消" />
				</div>

			</div>

		</div>
	</div>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="star/lib/jquery.raty.min.js"></script>
	<script type="text/javascript">
		//$("#usual1 ul").idTabs();
		//$('.tablelist tbody tr:odd').addClass('odd');
		  $(function() {
		      $.fn.raty.defaults.path = '<%=path%>/star/lib/img';
			$('.star').raty({
				score : 5
			});

			$(".review_num").click(function() {
				$(".tip").show();
			});

			$(".cancel").click(function() {
				$(".tip").hide();
			});
		});
	</script>

</body>
</html>